<template>
	<view class="system">
		<view class="top">
			<view class="top-box" v-for="(item,index) in toplist" :key='index' @click="jump(item.url)">
				<text>{{item.text}}</text>
				<image class="img" src="../../../static/mine/rightjiantou.png" mode=""></image>
			</view>
		</view>
		<view class="top" style="margin-top: 42rpx;">
			<view class="top-box" v-for="(item,index) in botomlist" :key='index' @click="bottomClick(item.url)">
				<text>{{item.text}}</text>
				<image class="img" src="../../../static/mine/rightjiantou.png" mode=""></image>
			</view>
		</view>
		<view class="switch" style="margin-top: 354rpx;">
			切换账户
		</view>
		<view class="signout switch">
			退出登录
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				toplist:[{text:'编辑个人资料',url:'./personalInformation/personalInformation'},{text:'我的收获地址',url:'./modifyAddress/modifyAddress'},{text:'账户与安全',url:'./accandsec/accandsec'}],
				botomlist:[{text:'常见问题',url:'../../mine/commonProblem'},{text:'意见反馈',url:'./feedback/feedback'},{text:'关于我们',url:'./aboutUs/aboutUs'}]
			}
		},
		methods: {
			jump(url){
				uni.navigateTo({
					url:url
				})
			},
			bottomClick(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.signout{
		margin-top: 40rpx;
	}
	.system{
		padding-bottom: 176rpx;
	}
	.switch{
		width: 100%;
		height: 88rpx;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 0px;
		text-align: center;
		line-height: 88rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #333333;
	}
	.img{
		width: 16rpx;
		height: 30rpx;
	}
.top{
	width: 100%;
	height: 316rpx;
	background: #FFFFFF;
	opacity: 1;
	border-radius: 0px;
	padding: 0rpx 40rpx;
	.top-box{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #F2F2F2;
		padding: 25rpx 0;
		text{
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #3D444D;
		}
		
	}
	
}
</style>
